/**
轮播图
 */

import React,{ Component } from 'react';
import {
Text,
View,
ScrollView,
Image,
TouchableOpacity,
} from 'react-native'
import {styles}  from '../styles/listdetail';
import Swiper from 'react-native-swiper'

export default class HeaderView extends Component{

	 constructor(props) {
	    super(props);

	  }
	 render () {
	 	return (
		    <Swiper style={styles.wrapper} 
		        showsButtons={false}
		        height={220}
		        horizontal={true}
		        loop={true}
		        index={0}
		        autoplay={false}
		        showsPagination={false}
		    	>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		    </Swiper>
		    
		)
	 }
	
};
/*
		    <Swiper style={styles.wrapper} 
		        showsButtons={false}
		        height={220}
		        horizontal={true}
		        loop={true}
		        index={0}
		        autoplay={true}
		        dot={<View style={styles.doitNormal} />}
		        activeDot={<View style={styles.doitSelect} />}
		    	>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		        <View style={styles.container}>
		            <Image style={styles.headerContainer}
		                source={require('../images/ic_1.jpg')}
		            />
		        </View>
		    </Swiper>
		    */